<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; utf-8" />
	<title>Event Browser</title>
    <link rel="stylesheet" type="text/css" href="eventBrowser.css" media="all" id="estilos"/>
    <link rel="stylesheet" type="text/css" href="layout.css" media="all" id="estilos"/>
    <script type="text/javascript" src="prototype.js"></script>
    <script type="text/javascript" src="scriptaculous-js-1.8.1/src/scriptaculous.js"></script>
    
    <script type="text/javascript" src="events.functions.js"></script>
    <script type="text/javascript" src="classes/zoom.classes.js"></script>
    <script type="text/javascript" src="classes/eventBrowser.classes.js"></script>
    <script type="text/javascript" src="classes/common.classes.js"></script>
    <script type="text/javascript" src="classes/config.classes.js"></script>
    <script type="text/javascript" src="classes/data.classes.js"></script>
    <script type="text/javascript" src="classes/priority.classes.js"></script>
    <script type="text/javascript" src="classes/eventDays.classes.js"></script>
    <script type="text/javascript" src="classes/undefinedEvents.classes.js"></script>
    <script type="text/javascript" src="classes/eventList.classes.js"></script>
    <script type="text/javascript" src="classes/layout.classes.js"></script>    
    <script type="text/javascript" src="classes/initialize.application.js"></script>
  </head>
  
  <body>
	<div id="top">
		<img src="images/logo.jpg" alt="logo de event browser" id="logo" />
		<div id="site_controls">
			<div class="filter-box">
				<form>
				<img src="images/esquina_site.gif" alt="" class="corner" />
				<label for="filter">Filtro:</label>
				<input type="text" name="filter" id="keyword" value="" class="textbox" />
				<input type="button" name="dofilter" value="aplicar" class="button" id="dofilter" onclick="$RGE('browser').doFiltering()" />
				<div class="keyword_auto_complete" id="keyword_list" style="display:none"></div>
				</form>
			</div>
		</div>
	</div>    
	<div id="global_toolbar">
		<span id='browser-buttons'><a href="javascript:void(0);" onclick="$RGE('layout').browserWide(this)" title="Todo el ancho para el navegador"><img src="images/ico_panel_central.gif" alt="Todo el ancho para el navegador" /></a><a href="javascript:void(0);" onclick="$RGE('layout').browserSmall(this)" title="Mostrar informacion de eventos"  style="display: none;"><img src="images/ico_panel_central_reverse.gif" alt="Todo el ancho para el navegador" /></a></span>
		<span id='txt'>Puedes filtrar eventos escribiendo texto en el campo de arriba y haciendo click en el boton aplicar</span>
	</div>    
    
    <div id="column-left">
		<div id="event-tabs-zone">
			<h1 class="zone-header">Eventos</h1>
			<div id="event-tabs-container">
				<div id="event-tabs">
					<a href="javascript:void(0);" onclick="$RGE('layout').showEventListTab(this)" class="selected">Listado de eventos</a><a href="javascript:void(0);" onclick="$RGE('layout').showUndefinedEventsTab(this)">Eventos indefinidos</a>
				</div>
				<div id="event-list"></div>
				<div class="clr"></div>			
				<div id="undevents-zone" style="display: none;"></div>			
				<div class="clr"></div>
			</div>
		</div>	
    </div> <!-- #column-left -->

    <div id="column-right">
	    <h1 class="zone-header">Navegador</h1>
		<div id="event-browser"></div>
		<div id="event-global-labels"></div>  
	    <div id="event-global"></div>
	    <div id="track-contenedor">
		   	<div id="track1" class="track">
		   		<div id="handle1" class="track-handle"></div>
		 	</div>
		 	<div id="debug1" style="padding-top: 5px;"></div> 
	 	</div>		  
    </div> <!-- #column-right -->
	
	<div class="clr"></div>
 	 
 	<div id="data-debug" style="margin-top: 5px;"></div>
  </body>
</html>
